<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单控件</title>
</head>
<body>
    <form>
        <!--  text 单行文本框
              submit 提交表单
              password 密码框
              radio 单选框
              checkbox 复选框
         -->
        姓名：<input type="text">
        <br><!--强制换行-->
        密码：<input type="password"> 
        <br>
        <!--name='gender'互斥行为
        name 	    用于设定控件名和提交数据的属性名	
        value	    用于控件值初始化，可选 （往后台提交的数据）
        checked	    单选框，复选框默认选中属性		
        disabled	表示禁用组件，禁用组件的值也不能被提交	
        for 与为设定标题的表单控件的ID值一致(选中男这个字，就可以选中前面的单选按钮)
-->
        <input type="radio" name='gender' id="male" value="male"><label for="male">男</label>
        <input type="radio" name='gender' id="female" value="female"><label for="demale">女</label>
        <br>
        <!--复选框按钮-->
        <input type="checkbox"  checked id="css" value="css"><label for="css">CSS</label>
        <input type="checkbox" id="html" value="html"><label for="html">HTML</label>
        <input type="checkbox" id="js" value="js"><label for="js">JS</label>
        <!--文件上传-->
        <input type="file">
        <!--重置表单 -->
        <input type="reset">
</body>
</html>